<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>index</title>

    <style>
        body {
            background-image: url("img/Background_picture.jpeg");
            background-position: center;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
            text-align:center;
        }
        h1{
            padding-top: 120px;
            font-size: 60px;
            color: #4e6ef2;
            font-family:'Comic Sans MS';
            opacity:60%;/*30-70*/
            margin-bottom:10px
        }
        h1 >a{
            font-size: 60px;
            TEXT-DECORATION:none;
            color: inherit;
        }
        a{
            font-size: 30px;
            margin-right: 20px;
            margin-left: 20px;
            font-family:'宋体';
            font-weight:bold;
            TEXT-DECORATION:none;
            color: blue;
        }

    </style>
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/include.js"></script>
</head>

<body>
    <!-- left side start-->
    <div th:replace="common :: #leftmenu"></div>
    <!-- left side end-->
    <h1><a>welcome</a></h1><br>
   <a href="FileUpload.html">上传</a><a href="FileDownload.html">下载</a>

</body>

<script>
    transparency=30;
    $(function () {
        $('h1').css("opacity",transparency+"%");
        Discoloration();
        function Discoloration() {
            var flag=true;
            t=window.setInterval(function() {
                    transparency=transparency+1;
                if (transparency==80)
                    window.clearInterval(t);
                $('h1').css("opacity",transparency+"%");
            },50)
        }
    })

</script>

</html>